<!--
*******************************************************************************
 * Copyright © 2021-2022 VMware, Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License
 * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing permissions and limitations under
 * the License.
 *
 * @author: Huaqiao Zhang, <huaqiaoz@vmware.com>
 *******************************************************************************
 -->

 <div class="card">
    <div class="card-header">
        <span class="font-weight-bold">
            <span class="fa fa-area-chart mr-2 text-danger"></span> 
            <span class="text-secondary">Reading Data Stream</span>
        </span>
    </div>
    <div class="card-header p-2">
        <div class="btn-group btn-group-sm" role="group">
            <button class="btn btn-primary" (click)="start()" [disabled]="!pauseOperate">
                <span><i class="fa fa-play mr-1"></i>Start</span> 
            </button>
            <button type="button" class="btn btn-info" (click)="pause()" [disabled]="pauseOperate">
                <span><i class="fa fa-pause mr-1"></i>Pause</span>
            </button>
          
        </div>
    </div>
    <div class="card-body">
        <pre id="data-reading-stream" class="w-100 overflow-auto" style="height: 350px"></pre>
    </div>
 </div>